* {
	padding: 0;
	margin: 0;
}

.content {
	width: 100%;
	height: 100%;
	position: absolute;
}

.page {
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
}

.page1 {
	background: url(../img/page1-bg.jpg) no-repeat center center;
	background-size: 100% 100%;
}

.mk {
	width: 100%;
	height: 100%;
	background: gray;
	opacity: 0;
	animation: mk 2s linear 1;
	position: fixed;
}

/*@keyframes mk{
	0%{opacity: 0;}
	25%{opacity: 0.2;}
	50%{opacity: 0.4;}
	75%{opacity: 0.6;}
	100%{opacity: 0.8;}
}
*/
.page1-bg {
	position: absolute;
	width: 100%;
	height: 100%;
}

.chun-title {
	right: 0px;
	top: 5%;
	position: absolute;
}

li {
	list-style: none;
	margin-top: 5%;
}

.chun-up,.chun-down {
	position: absolute;
}

.chun-up {
	left: 30%;
}

.chun-down {
	left: 10%;
}

.page2 {
	background: url(../img/page2-bg.jpg) no-repeat center center;
	background-size: 100% 100%;
}


.page3 {
	background: url(../img/page3-bg.jpg) no-repeat center center;
	background-size: 100% 100%;
}

.page4 {
	background: url(../img/page4-bg.jpg) no-repeat center center;
	background-size: 100% 100%;
}

